<template>
  <div>
    这是一个子组件
    <p>{{ n }}</p>
    <input type="button" value="按钮" @click="add">
  </div>
</template>

<script setup>
import { ref } from 'vue';

const n = ref(0);

function add(){
  n.value++;
}

// 向其他组件暴露数据（前提：其他组件能获取到当前组件的实例）
defineExpose({
  n, add
});
</script>